<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	<script type="text/javascript">
		
		window.onload = function(){
			
			var hd = document.getElementById("hd");
			var one = document.getElementById("one");
//			抓取hd里的所有子节点
//			var re = hd.childNodes;
//			alert(re.length);
//			re[3].style.color = 'red';
			
//			抓到one的父级节点
//			one.parentNode.style.color = 'red';
			
//			获得第一个子节点
//			hd.firstChild.style.color = 'red';
//			hd.lastChild.style.color = 'red';

//			抓取one的下一个节点
//			one.nextSibling.style.color = 'red';

//			抓取one的上一个兄弟节点
//			one.previousSibling.style.color = 'red';
			
		}
		
	</script>
	</head>
	<body>
		
		<div id="hd"><h2>后盾人 人人做后盾0</h2><h2 id="one">后盾人 人人做后盾1</h2><h2>后盾人 人人做后盾2</h2><h2>后盾人 人人做后盾3</h2><h2>后盾人 人人做后盾4</h2><h2>后盾人 人人做后盾5</h2><h2>后盾人 人人做后盾6</h2><h2>后盾人 人人做后盾7</h2></div>
		
		
		
		
	</body>
</html>
